<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g filter="url(#filter0_d_12403_168838)">
      <rect
        x="88"
        y="84"
        width="40"
        height="12"
        rx="2"
        fill="var(--el-fill-color-blank)"
      />
    </g>
    <rect
      x="80.5"
      y="78.5"
      width="55"
      height="23"
      rx="1.5"
      stroke="var(--el-color-primary)"
    />
    <g filter="url(#filter1_d_12403_168838)">
      <rect
        x="152"
        y="84"
        width="40"
        height="12"
        rx="2"
        fill="var(--el-fill-color-blank)"
      />
    </g>
    <rect
      x="144.5"
      y="78.5"
      width="55"
      height="23"
      rx="1.5"
      stroke="var(--el-color-primary)"
      stroke-dasharray="3 2"
    />
    <defs>
      <filter
        id="filter0_d_12403_168838"
        x="82"
        y="78"
        width="52"
        height="24"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="3" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_12403_168838"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_12403_168838"
          result="shape"
        />
      </filter>
      <filter
        id="filter1_d_12403_168838"
        x="146"
        y="78"
        width="52"
        height="24"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="3" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_12403_168838"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_12403_168838"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
